<template>
    <!-- <div>稻飞虱预警</div> -->
    <SubTitle>
        <template #subtitle>当前防控重点</template>
      </SubTitle>
    <!-- <div class="riceplanthopper" ref="riceplanthopper"></div> -->
    <div class="box">
      <van-tabs v-model:active="active" title-inactive-color="black" animated type="card" >
  <van-tab title="二化螟"><div class="text2">防治药剂:20%氯虫苯甲酰胺悬浮剂30~45g/hm2;10%氟虫双酰胺·阿维菌素悬浮剂300~600mL/hm2;40%氯虫苯甲酰胺·噻虫嗪水分散粒剂120~150g/hm2;5%丁烯氟虫腈乳油750~900mL/hm2;20%虫酰肼悬浮剂1500~1875mL/hm2。施药时田间应保持3~5cm的浅水层,并保持5~7d。同时要注意合理轮换使用,一季水稻中使用次数不要超过2次。</div></van-tab>
  <van-tab title="三化螟"><div class="text2">防治药剂:在螟卵盛孵期内,破口期是防治白穗的最好时期。破口5%~10%时,施药1次,若虫量再增加1~2次施药,间隔5常用药剂:20%氯虫苯甲酰胺悬浮剂150mL/hm2,10%阿维·氟酰胺450mL/hm2,5%甲氨基阿维菌素苯甲酸盐525~750mL/hm2;48%毒死蜱乳油1200~1500mL/hm2。上述药剂应交替使用以延缓害虫产生抗药性。</div></van-tab>
  <van-tab title="大螟"><div class="text2">防治药剂:20%氯虫苯甲酰胺悬浮剂10~15mL/hm2;40%氯虫·噻虫嗪水分散粒剂每667m2 8~10g;30%水胺·三唑磷乳油毎667m2 70~100mL:;15%氟铃脲·三唑磷乳油每667m2 80-100mL.</div></van-tab>

</van-tabs>
    </div>
  </template>
  
  <script>
  import * as echarts from 'echarts'
  import SubTitle from './SubTitle.vue';
  import { ref } from 'vue';
  export default {
    components:{
      SubTitle
    },
    setup() {
    const active = ref(0);
    return { active };
  },
      // mounted(){
      //     setTimeout(() => {
      //       let riceplanthopper = echarts.init(this.$refs.riceplanthopper);
      //     let xdata = [2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024,2025];
      //     let data = [11,25,43,40,27,38,20,19,22,48,18,39,11];
      //     let option = {
      //       xAxis:{
      //         type:'category',
      //         data:xdata,
      //         axisLabel:{
      //           interval:1
      //         }
      //       },
      //       yAxis:{
      //         type:'value'
      //       },
      //       series:[
      //         {
      //           type:'line',
      //           data,
      //           smooth:true,
      //           lineStyle:{
      //             color:'rgba(224, 239, 19, 1)',
      //             width:3
      //           }
      //         }
      //       ]
      //     }
      //     riceplanthopper.setOption(option);
      //     }, 1);
      // }
  }
  </script>
  
  <style lang="less" scoped>
    .riceplanthopper{
  
      width: 100%;
      height: 290px;
    }
    .box{
      // width: 100%;
      width:500px;
  height: 200px;
  margin-top: 20px;
  ::-webkit-scrollbar {
        display: none; /* Chrome Safari */
}
scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
    }
    .text2{
      color: 	#7ee3f3;
      font-family: 'Microsoft Yahei';
      font-size: 20px;
      margin-left: 5%;
      margin-top: 10px;
      height: 130px;
      // width: 90%;
      width: 450px;
      overflow-y:auto;
    }
    @media screen and (max-width: 720px) {
    .riceplanthopper{
      width: 100%;
      height: 300px;
    }
  }
  </style>